<template>
  <div class="breadcrumb">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item
        v-for="(item, index) in crumData"
        :key="index"
        :to="item.path"
      >{{item.name}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  props: {
    crumData: {
      type: Array,
      default: []
    }
  }
};
</script>

<style>
.breadcrumb{
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
</style>
